<template>
  <div class='home-purchase'>
    <div class="logo">
      <img :src="logo2" alt="" class="w1200">
    </div>
    <PurchaseList />
    <Serve />
  </div>
</template>
<script>
import PurchaseList from './list.vue'
import Serve from '../../components/serve/serve.vue'
export default {
  components: {PurchaseList,Serve},
  name: "",
  data() {
    return {
      logo2:require('@/assets/imgs/purchase/logo2.png')
    };
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.home-purchase {
  
  .logo{
    height: 300px;
    background: url('../../assets/imgs/purchase/logo1.jpg') no-repeat;
    background-size: cover;

    img{
      transform: translateY(50px)
    }
  }
}
</style>